<template>
    <div class="contener-404">
      <div>
        <div style="font-size: 20px; margin-bottom: 16px">你访问的地址不存在 !</div>
        <div><router-link :to="{name: 'Home'}">回到首页</router-link></div>
      </div>
    </div>
</template>

<script>
export default {
  name: 'Page404',
  data () {
    return {}
  },
  computed: {
    userName: function () {
      return ''
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
    doSomething () {
    }
  }
}
</script>

<style scoped>
  .contener-404 {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
    color: black;
  }

  .contener-404 a {
    color: blue;
  }

</style>
